.logo {
	width: 16vw;
	height: 16.67vw;
	margin: 18vw auto 0;
}

.logo img {
	width: 100%;
}

.header {
	text-align: center;
}

.name {
	margin: 26.13vw auto 4.8vw;
	width: 89.33vw;
	height: 10.67vw;
}

.name input {
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	outline: 0;
	border: 0.13vw solid #b7b7b7;
	padding: 3.5vw 2.8vw;
}

.password {
	margin: auto;
	width: 89.33vw;
	height: 10.67vw;
	margin-bottom: 7.73vw;
}

.password input {
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	outline: 0;
	border: 0.13vw solid #b7b7b7;
	padding: 3.5vw 2.8vw;
}

.button {
	width: 89.33vw;
	height: 14.13vw;
	background: #c55a5c;
	text-align: center;
	margin: auto;
	margin-bottom: 5.2vw;
	border-radius: 1.33vw;
}

.button button {

	color: #ffffff;
	font-size: 3.73vw;
	background: inherit;
	border: 0;
	padding-top: 5vw;
}

.flex {
	display: flex;
	justify-content: space-between;
}

body {
	padding: 0 5.33vw;
}

.other-flex {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 10.8vw 0 7.73vw;
}

.line {
	width: 29.6vw;
	height: 0.13vw;
	background-color: #d8d8d8;
}

.other {
	font-size: 3.73vw;
	color: #555555;
}

.icon {
	display: flex;
	justify-content: center;
	align-items: center;
	margin: auto;
}

.icon .img {
	width: 6.4vw;
	height: 6.77vw;
	margin: 0 auto;
}

.icon img {
	width: 100%;
}

.icon .ic {
	width: 8.53vw;
	height: 12.53vw;
	margin: 0 7vw;
}

.ic-name {
	font-size: 3.73vw;
	margin-top: 1.6vw;
}
